<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <title>简洁的五屏淡入淡出jQuery焦点图代码</title>
    <link href="css/banner.css" rel="stylesheet" />
    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="js/banner.js" type="text/javascript"></script>
</head>
<body>
    <!-- 代码 开始 -->
    <div id="banner">
        <div class="slides">
            <ul class="slide-pic">
                <li class="cur"><a href="#" target="_blank">
                    <img alt="" src="images/banner_1.jpg" /></a></li>
                <li><a href="#" target="_blank">
                    <img alt="" src="images/banner_2.jpg" /></a></li>
                <li><a href="#" target="_blank">
                    <img alt="" src="images/banner_3.jpg" /></a></li>
                <li><a href="#" target="_blank">
                    <img alt="" src="images/banner_4.jpg" /></a></li>
                <li><a href="#" target="_blank">
                    <img alt="" src="images/banner_5.jpg" /></a></li>
            </ul>
            <ul class="slide-li op">
                <li class="cur"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <ul class="slide-li slide-txt">
                <li class="cur"><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </ul>
        </div>
    </div>
    <!-- 代码 结束 -->
</body>
</html>